<template>
  <el-select v-model="nation" clearable placeholder="请选择" filterable @change="send2Parent" >
    <el-option v-for="item in nationOptions"
               :key="item" :label="item" :value="item"
    ></el-option>
  </el-select>
</template>

<script>
import nations from "../utils/nations";
export default {
  name: "NationSelector",
  props:['nation'],
  data(){
    return{
      nationOptions:nations,
    }
  },
  methods:{
    send2Parent(){
      this.$emit('setNations',this.nation)
    }
  }

}
</script>

<style scoped>

</style>